{% extends 'newdesign.html' %}

{% block title %} New User Registration {% endblock %}


{% block scripts %}
<script type="text/javascript">
$(document).ready(function() {
$('#noaccount').hide("slide", {direction: "down"}, 2000)});
</script>
{% endblock %}

{% block main %}
<img id="logo" src="http://imac.discosoup.net/~mharrison/django/logo.png"/>
<div id="newuser">
	<h1>Create a New User</h1>
        
        {% if is_ok %}
        <h2>{{uname}} is available!</h2>
        {% endif %}
	<form action='/reporter/create/' method='post'>
		
		<h2>Account information</h2>
		<label for="username">User Name:</label>
		<input type="text" name="username" id="username" value="User Name"/><br>
		<label for="password">Password:</label>
		<input type="password" maxlength="16" name="password" id="password" value="Password"/><br>
		<label for="confirm">Confirm password: </label>
		<input type="password" maxlength="16" id="confirm" />
		<br>
		
		<h2>Personal Information</h2>
		<label for="firstname">Name:</label>
		<input type="text" id="firstname" value="First"/>
		<input type="text" id="lastname" value="Last"/>
		<br>
		<label for="email">Email: </label>
		<input type="text" id="email" value="Email"/>
		<br><br>

		<input type="submit" id="submit" value="Register" />
	</form>
	<br>
	I changed my mind.  Please take me <a href="/reporter/home">home</a>.
</div>
{% endblock %}
